

<template>
  <el-progress :percentage="progress" :stroke-width="12" striped striped-flow :duration="durations"  :status="bar_status">
    <template #default="{ percentage }">
      <span class="percentage-value">{{ percentage }}%</span>
<!--      <span class="percentage-label">Progressing</span>-->
    </template>
  </el-progress>
</template>
<script setup>
const props = defineProps({
  progress:{
    type:Number,
    default:0
  },
  durations:{
    type:Number,
    default:20
  },
  bar_status:{
    type: String,
    default:''
  }
})
</script>
<style scoped>
.el-progress--line{
  margin-top: 10px;
  width: 300px;
}
.percentage-value{
  margin-right: 5px;
}

</style>